const state = {
	safeAreaTop: 0,
	mpMenuButtonBoundingLeft: 0,
}

const getters = {
	getSafeAreaTop: state => {
		return state.safeAreaTop;
	},

	getMpMenuButtonBoundingLeft: state => {
		return state.mpMenuButtonBoundingLeft;
	},
}

const actions = {
	setSafeAreaTop({
		commit,
		state
	}, safeAreaTop) {
		if (state.safeAreaTop == safeAreaTop) return;
		commit('setSafeAreaTop', safeAreaTop);
	},

	setMpMenuButtonBoundingLeft({
		commit,
		state
	}, mpMenuButtonBoundingLeft) {
		if (state.mpMenuButtonBoundingLeft == mpMenuButtonBoundingLeft) return;
		commit('setMpMenuButtonBoundingLeft', mpMenuButtonBoundingLeft);
	},
}

const mutations = {
	setSafeAreaTop(state, safeAreaTop) {
		state.safeAreaTop = safeAreaTop;
	},

	setMpMenuButtonBoundingLeft(state, mpMenuButtonBoundingLeft) {
		state.mpMenuButtonBoundingLeft = mpMenuButtonBoundingLeft;
	},
}

export default {
	namespaced: true,
	state,
	getters,
	actions,
	mutations
}
